<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="李彩霞">
    <title>小米官网首页</title>
    <link href="Bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="styleheader1.css">
    <link rel="stylesheet" href="stylefooter.css">
</head>
<body>
     <header class="headera">
      <div class="headera-left"> 
         <img src="分类/images/icon_back_n.png" alt="">
      </div>
         <span>商品分类</span>
      <div class="headera-right"> 
         <img src="搜索/images/search.png" alt="">
      </div>
     </header>
     <div class="middle">
         <ul>
             <li>手机·电话卡</li>
             <li>笔记本·平板</li>
             <li>电视·盒子</li>
             <li>智能硬件·</li>
         </ul>
     <div class="clear"></div>
     </div>


<div class="banner_a">
    <img src="分类/images/banner.png" alt="">
</div>
<!--手机·电话卡-->
<div class="b-middle">
    <h1>手机·电话卡</h1>
    <ul>
        <li><img src="分类/images/a1.png" alt=""><br><br><span>小米<strong>Note2</strong></span></li>
        <li><img src="分类/images/a2.png" alt=""><br><br><span>小米<strong>MIX</strong></span></li>
        <li><img src="分类/images/a3.png" alt=""><br><br><span>小米<strong>5s</strong></span></li>
        <li><img src="分类/images/a4.png" alt=""><br><br><span>小米5s <strong>Plus</strong></span></li>
        <li><img src="分类/images/a5.png" alt=""><br><br><span>小米<strong>5</strong></span></li>
        <li><img src="分类/images/a6.png" alt=""><br><br><span>小米<strong>Max</strong></span></li>
        <li><img src="分类/images/a7.png" alt=""><br><br><span>红米<strong>4</strong></span></li>
        <li><img src="分类/images/a8.png" alt=""><br><br><span>红米<strong>4A</strong></span></li>
        <li><img src="分类/images/a9.png" alt=""><br><br><span>红米<strong>Note4</strong></span></li>
        <li><img src="分类/images/a10.png" alt=""><br><br><span>小米移动</span></li>
    </ul>
    <div class="clear"></div>
</div>


<div class="banner_a">
    <img src="分类/images/banner1.png" alt="">
</div>
<!--笔记本·平板-->
<div class="c-middle">
    <h1>笔记本·平板</h1>
    <ul>
        <li><img src="分类/images/b1.png" alt=""><br><br><span>笔记本<strong>12.5"</strong></span></li>
        <li><img src="分类/images/b2.png" alt=""><br><br><span>笔记本<strong>13.3'</strong></span></li>
        <li><img src="分类/images/b3.png" alt=""><br><br><span>笔记本配件</span></li>
        <li><img src="分类/images/b4.png" alt=""><br><br><span>平板<strong>2</strong></span></li>
    </ul>
    <div class="clear"></div>
</div>


<div class="banner_a">
    <img src="分类/images/banner2.png" alt="">
</div>
<!--电视·盒子-->
<div class="d-middle">
    <h1>电视·盒子</h1>
    <ul>
        <li><img src="分类/images/c1.png" alt=""><br><br><span>笔记本<strong>12.5"</strong></span></li>
        <li><img src="分类/images/c2.png" alt=""><br><br><span>笔记本<strong>13.3'</strong></span></li>
        <li><img src="分类/images/c3.png" alt=""><br><br><span>笔记本配件</span></li>
        <li><img src="分类/images/c4.png" alt=""><br><br><span>平板<strong>2</strong></span></li>
        <li><img src="分类/images/c5.png" alt=""><br><br><span>笔记本<strong>12.5"</strong></span></li>
        <li><img src="分类/images/c6.png" alt=""><br><br><span>笔记本<strong>13.3'</strong></span></li>
        <li><img src="分类/images/c7.png" alt=""><br><br><span>笔记本配件</span></li>
        <li><img src="分类/images/c8.png" alt=""><br><br><span>平板<strong>2</strong></span></li>
        <li><img src="分类/images/c9.png" alt=""><br><br><span>笔记本<strong>12.5"</strong></span></li>
        <li><img src="分类/images/c10.png" alt=""><br><br><span>笔记本<strong>13.3'</strong></span></li>
        <li><img src="分类/images/c11.png" alt=""><br><br><span>笔记本配件</span></li>
        <li><img src="分类/images/c12.png" alt=""><br><br><span>平板<strong>2</strong></span></li>

    </ul>
    <div class="clear"></div>
</div>
<div class="banner_a">
    <img src="分类/images/banner3.png" alt="">
</div>
<!--智能硬件·路由器-->
<div class="e-middle">
    <h1>智能硬件·路由器</h1>
    <ul>
        <li><img src="分类/images/d1.png" alt=""><br><br><span>笔记本<strong>12.5"</strong></span></li>
        <li><img src="分类/images/d2.png" alt=""><br><br><span>笔记本<strong>13.3'</strong></span></li>
        <li><img src="分类/images/d3.png" alt=""><br><br><span>笔记本配件</span></li>
        <li><img src="分类/images/d4.png" alt=""><br><br><span>平板<strong>2</strong></span></li>
        <li><img src="分类/images/d5.png" alt=""><br><br><span>笔记本<strong>12.5"</strong></span></li>
        <li><img src="分类/images/d6.png" alt=""><br><br><span>笔记本<strong>13.3'</strong></span></li>
        <li><img src="分类/images/d7.png" alt=""><br><br><span>笔记本配件</span></li>
        <li><img src="分类/images/d8.png" alt=""><br><br><span>平板<strong>2</strong></span></li>
        <li><img src="分类/images/d9.png" alt=""><br><br><span>笔记本<strong>12.5"</strong></span></li>
        <li><img src="分类/images/d10.png" alt=""><br><br><span>笔记本<strong>13.3'</strong></span></li>
        <li><img src="分类/images/d11.png" alt=""><br><br><span>笔记本配件</span></li>
        <li><img src="分类/images/d12.png" alt=""><br><br><span>平板<strong>2</strong></span></li>
        <li><img src="分类/images/d13.png" alt=""><br><br><span>笔记本<strong>12.5"</strong></span></li>
        <li><img src="分类/images/d14.png" alt=""><br><br><span>笔记本<strong>13.3'</strong></span></li>
        <li><img src="分类/images/d15.png" alt=""><br><br><span>笔记本配件</span></li>
        <li><img src="分类/images/d16.png" alt=""><br><br><span>平板<strong>2</strong></span></li>
        <li><img src="分类/images/d17.png" alt=""><br><br><span>笔记本<strong>12.5"</strong></span></li>
        <li><img src="分类/images/d18.png" alt=""><br><br><span>笔记本<strong>13.3'</strong></span></li>
        <li><img src="分类/images/d19.png" alt=""><br><br><span>笔记本配件</span></li>
        <li><img src="分类/images/d20.png" alt=""><br><br><span>平板<strong>2</strong></span></li>
        <li><img src="分类/images/d21.png" alt=""><br><br><span>笔记本<strong>12.5"</strong></span></li>
        <li><img src="分类/images/d22.png" alt=""><br><br><span>笔记本<strong>13.3'</strong></span></li>
        <li><img src="分类/images/d23.png" alt=""><br><br><span>笔记本配件</span></li>
        <li><img src="分类/images/d24.png" alt=""><br><br><span>平板<strong>2</strong></span></li>
        <li><img src="分类/images/d25.png" alt=""><br><br><span>笔记本配件</span></li>
        <li><img src="分类/images/d26.png" alt=""><br><br><span>平板<strong>2</strong></span></li>
    </ul>
    <div class="clear"></div>
</div>
   <footer>
   <footer>
    <ul>
        <li><div><img src="购物车/images/home1.png" alt=""></div><a href="index.html">首页</a></li>
        <li><div><img src="购物车/images/classify1.png" alt=""></div><a href="index1.html">分类</a></li>
        <li><div><img src="购物车/images/buy1.png" alt=""></div><a href="index2.html">购物车</a></li>
        <li><div><img src="购物车/images/person1.png" alt=""></div><a href="index3.html">我的</a></li>
    </ul>
</footer>
</footer>
    <script src="Bootstrap/js/jquery-3.1.1.min.js"></script>
    <script src="Bootstrap/js/bootstrap.min.js"></script>
</body> 
